    //获取个个对象
    var $user = $(".box .content ul li .user");
    var $comment = $(".box .content ul li .comment");
    var $ul = $(".box .content .ul");
    var $userText = $(".box .enter .userDiv #user");
    var $commentText = $(".box .enter .commentDiv #comment");
    var $btn = $(".box .enter .btnDiv .btn p")
    //获取列表
    getData();

    //ajax POST增加数据
    $btn.click(function(){
      var username = $userText.val();
      var comment = $commentText.val();
      if(username == ""){
        alert("请输入用户名");
        return;
      }
      if(comment == ""){
        alert("请输入内容")
        return;
      }
      $.ajax({
        url:"http://localhost:3000/comments",
        type:"POST",
        dataType:"json",
        data:{ name : username, content: comment, up: 0},
        success: function(){
          //发送完成后再次获取一下留言列表
          getData();
          //清除上次输入的内容
          clearVal();
        }
      })
    })


    //获取数据
    function getData(){
      //ajax GET获取数据
      $.ajax({
        url:"http://localhost:3000/db",
        type:"GET",
        success: function(data){
          //更新DOM
          $ul.html(template("tem", data));

          //删除数据
          $(".box .content ul li .delete").click(function(){
            var $li = $(this).parent();
            var indexId = $li.attr("uid");
            $.ajax({
              url:"http://localhost:3000/comments/" + indexId,
              type:"DELETE"
            })
            $li.slideUp();//向上收起，和删除DOM类似
          })

          //点赞
          $(".box .content ul li .up span").click(function(){
            var $up = parseInt($(this).parent().text());
            var $name = $(this).parent().siblings(".user").text();
            var $content = $(this).parent().siblings(".comment").text();
            var $li = $(this).parent().parent();
            var indexId = $li.attr("uid");
            $.ajax({
              url:"http://localhost:3000/comments/" + indexId,
              type:"PUT",
              data:{name: $name, content: $content, up: $up+1},
              success: function(data){
                getData();
              }
            })
          })

        }
      })
    }

    function clearVal(){
      $userText.val("");
      $commentText.val("");
    }